.fl{
    float: left;
}
.fr{
    float: right;
    text-align: right;
}
.mt-10{
    margin-top: 10px;
}
.mr-10{
    margin-right: 10px;
}
.mb-10{
    margin-bottom: 10px;
}
.ml-10{
    margin-left: 10px;
}
.padding{
    padding: 15px;
}
.pt-10{
    padding-top: 10px;
}
.pr-10{
    padding-right: 10px;
}
.pb-10{
    padding-bottom: 10px;
}
.pl-10{
    padding-left: 10px;
}
.center{
    text-align: center;
}
.pointer{
    cursor: pointer;
}
.ing{
    color: #5FB878;
}
.complete{
    color: #009688;
}
.cancel{
    color: #dddddd;
}
.bg-ing{
    background-color: #5FB878!important;
}
.bg-complete{
    background-color: #009688!important;
}
.bg-cancel{
    background-color: #dddddd!important;
}
.search-box .input-box{
    padding-top: 2px;
}
.search-box .layui-form-label{
    padding: 7px 15px 5px 15px;
}
.search-box .layui-input, .layui-select, .layui-textarea{
    height: 30px;
    margin-top: 2px;
}